系統功能
前面28天介紹了「Ben的語言網」,今天要介紹「Ben 的電腦網」,前面介紹了「系統」,介紹了「課程」,介紹了「測驗」。電腦是我的本業,充滿了很多不同的領域,我也想把我的電腦筆記放上網去,但領域知識已經多到放不下在「Ben的語言網」中了,而且電腦雖然也有程式語言,但和外語也是差很多,所以就想利用同樣的系統架構,另外做了一個「Ben 的電腦網」,兩個網站將使用同樣的程式,這樣不用其中一邊改了程式,另外一邊的程式也要同步修改。
技術手法
使用獨立的 computer.html,
然後搭配 topic_computer.js 如下, 以及獨立的 computer/data 的路徑放課程,即可以達到程式碼共用的功能。
let curWeb = "computer";
let defaultCourse = "db";
let courseSubjList = [
{ course: "os", subj: "linux" },
{ course: "db", subj: "mariadb,mongodb,cassandra" },
{ course: "data", subj: "spark,kafka,nats,cloud,etl" },
{ course: "devops", subj: "azure,docker" },
{ course: "programming", subj: "proc,c,c++,java,python,dotnet" },
{ course: "web", subj: "html,css,javascript,react,express,nodejs" },
];
let defaultCourseSubjMap = new Map([
["os", "linux"],
["db", "mariadb"],
["data", "spark"],
["devops", "azure"],
["programming", "proc"],
["web", "html"],
]);
let subjMap = new Map([
["linux", "Linux"],
["mariadb", "MariaDB"],
["mongodb", "MongoDB"],
["cassandra", "Cassandra"],
["spark", "Spark"],
["kafka", "Kafka"],
["nats", "NATS"],
["cloud", "Cloud"],
["azure", "Azure"],
["docker", "Docker"],
["proc", "Pro*C"],
["c", "C"],
["c++", "C++"],
["java", "Java"],
["python", "Python"],
["dotnet", "DotNet"],
["html", "HTML"],
["css", "CSS"],
["javascript", "JavaScript"],
["react", "React"],
["express", "Express"],
["nodejs", "NodeJS"],
["etl", "ETL"],
]);
語文學習29-功能與外觀
1. 這個機器是什麼用途?它是個按摩器。
2. 你的包包長什麼樣子?它是一個黑色的電腦包。
3. 〖單字〗顏色
4. 〖單字〗形狀